{% load staticfiles %}

<div class="page-header">
	<h1>
		用户信息
	</h1>
</div><!-- /.page-header -->

<div id="user-profile-1" class="user-profile row">
	<div class="col-xs-12 col-sm-3 center">
		<div class="space-12"></div>

		<span class="profile-picture">
				<img id="avatar" class="editable img-responsive" alt="Alex's Avatar" src="{% static 'smAdmin/assets/images/avatars/profile-pic.jpg' %}"/>
			</span>

		<div class="space-4"></div>

		<div class="width-80 label label-info label-xlg arrowed-in arrowed-in-right">
			<div class="inline position-relative">
				<a href="#" class="user-title-label dropdown-toggle" data-toggle="dropdown">
					<i class="ace-icon fa fa-circle light-green"></i>
					<span class="white">{{ role_name }}</span>
				</a>
			</div>
		</div>

	</div>

	<div class="col-xs-12 col-sm-9">

		<div class="space-12"></div>

		<div class="profile-user-info profile-user-info-striped">
			{% for field in user_info %}
				<div class="profile-info-row">
					<div class="profile-info-name" style="width: 150px">{{ field.label }}</div>
					<div class="profile-info-value">
						<span class="editable" id="{{ field.name }}">{{ field.value }}</span>
					</div>
				</div>
			{% endfor %}
		</div>

		<div class="space-20"></div>

	</div>
</div>